<style lang="css">
#realtime-camera {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*z-index: 999;*/
  /*background-color: #fff;*/
  height:100%;
}

.login-dialog .weui-btn {
  margin-top: 10px;
}

.login-dialog .vux-x-input {
  text-align: left;
}
</style>

<template>
    <div id="realtime-camera">

        <iframe style="border: none;" width="100%" height="100%" :src="cameraUrl"></iframe>
        <x-dialog v-model="showLoginDialog" class="login-dialog">
            <group :title="errorMsg" title-color="#e64e4d">
                <x-input title="用户名" label-width="80px" v-model="username"></x-input>
                <x-input title="密码" type="password"  label-width="80px" v-model="password"></x-input>
            </group>
            <div style="padding:15px;">
                <x-button  type="primary" @click.native="doLogin">登录</x-button>
            </div>
        </x-dialog>
    </div>
</template>

<script src="../static/js/realtime_camera.js"></script>
